<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>节流和防抖的区别</title>
</head>
<body>
<pre style="font-size: 20px;">
1. 节流和防抖的区别是？
   节流: 就是指连续触发事件但是在 n 秒中只执行一次函数,
    比如可以利用节流实现 1s之内 只能触发一次鼠标移动事件
   防抖：如果在 n 秒内又触发了事件，则会重新计算函数执行时间
2. 节流和防抖的使用场景是？
   节流: 鼠标移动，页面尺寸发生变化，滚动条滚动等开销比较大的情况下
   防抖: 搜索框输入，设定每次输入完毕n秒后发送请求，如果期间还有输入，则从新计算时间
</pre>
</body>
</html>